@mixin position($pos,$top:inherit,$right:inherit,$bottom:inherit,$left:inherit){
    position: $pos;
    left:$left;
    right:$right;
    bottom:$bottom;
    top:$top;
}
@mixin bgColor($color){
    background:$color;
}
@mixin boxShadow($value){
    -webkit-box-shadow:$value;
    -moz-box-shadow:$value;
    -ms-box-shadow:$value;
    box-shadow: $value;
}
@mixin translate($x,$y){
     -webkit-transform: translate($x,$y);
     -ms-transform: translate($x,$y);
     -moz-transform: translate($x,$y);
     transform: translate($x,$y);
}
@mixin display($value){
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}
@mixin border_b($value){
    border-bottom:$value;
}
@mixin border($value){
    border:$value;
}
@mixin boxSizing($value){
     -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
@mixin transition($value){
    -webkit-transition: $value;
    -ms-transition: $value;
    -moz-transition: $value;
    transition:$value;
}
@mixin flex($value){
    -webkit-flex: $value;
    -moz-flex: $value;
    -ms-flex: $value;
    flex: $value;
}
@mixin rotate($value){
     -webkit-transform: rotate($value);
     -ms-transform: rotate($value);
     -moz-transform: rotate($value);
     transform: rotate($value);
}
@mixin textCenter{
    text-align: center;
}
@mixin borderRadius($value){
    border-radius: $value;
}
@mixin opacity($opacity:50) {
  opacity: $opacity / 100;
  filter: alpha(opacity=$opacity);
}